﻿<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" type="text/css" href="lib/css/bootstrap.common.min.css" />
    <link rel="stylesheet" type="text/css" href="css/base.css?t=201408251200" />
    <title></title>
</head>
<body>
    
   <div class="container page">
       <header class="row header" id="header">
           <h1><img class="" src="images/title.png" alt="全球通家居网" /></h1>
           <a href="cart.html"><span class="icon icon-cart"><span class="sr-only">购物车</span></span></a>
       </header>
       <div class="row banner" role="banner">
           <div id="carousel_banner" class="carousel slide" data-role="carousel" data-infinite=true>
               <!-- Indicators -->
               <ol class="carousel-indicators">
                   <li data-target="#carousel_banner" data-slide-to="0" class="active"></li>
                   <li data-target="#carousel_banner" data-slide-to="1"></li>
                   <li data-target="#carousel_banner" data-slide-to="2"></li>
               </ol>
               <!-- Wrapper for slides -->
               <div class="carousel-inner">
                   <div class="item active">
                       <img src="images/banner.jpg" />
                   </div>
                   <div class="item">
                       <img src="images/banner2.jpg" />
                   </div>
                   <div class="item">
                       <img src="images/banner3.jpg" />
                   </div>
               </div>
           </div>

           <form class="search-bar">
               <input type="text" placeholder="搜索商品/品牌" />
               <button class="btn search-submit" type="submit"><span class="icon4 icon4-search"><span class="sr-only">搜索</span></span></button>
           </form>
       </div> 
       <main class="main" role="main">
           <article class="acticle act-func">
               <div class="row">
                   <a class="col-xs-3" href="navigate.html">
                       <div class="func-item item1">
                           <div class="func-desc">全部分类</div>
                       </div>
                   </a>
                   <a class="col-xs-3" href="#">
                       <div class="func-item item2">
                           <div class="func-desc">我的订单</div>
                       </div>
                   </a>
                   <a class="col-xs-3" href="stores.html">
                       <div class="func-item item3">
                           <div class="func-desc">体验店</div>
                       </div>
                   </a>
                   <a class="col-xs-3" href="#">
                       <div class="func-item item4">
                           <div class="func-desc">客户端</div>
                       </div>
                   </a>
               </div>
           </article>
           <article class="acticle act-catgry1">
               <div class="row">
                   <a class="col-xs-4" href="#">
                       <div class="catgry1-item item1">
                           <img src="images/art1.jpg" alt="趣家居" />
                       </div>
                   </a>
                   <a class="col-xs-4" href="#">
                       <div class="catgry1-item item2">
                           <img src="images/art2.jpg" alt="特优惠" />
                       </div>
                   </a>
                   <a class="col-xs-4" href="#">
                       <div class="catgry1-item item3">
                           <img src="images/art3.jpg" alt="新上架" />
                       </div>
                   </a>
               </div>
           </article>
           <article class="acticle act-catgry2">
               <div id="act_catgry2" class="carousel slide" data-role="carousel" data-infinite=false>
                   <!-- Indicators -->
                   <ol class="carousel-indicators crsl-indic-fix" role="tablist">
                       <li data-target="#act_catgry2" data-slide-to="0" class="active" role="tab" aria-controls="ac2_crsl_item1"><span class="sr-only">第1栏</span></li>
                       <li data-target="#act_catgry2" data-slide-to="1" role="tab" aria-controls="ac2_crsl_item2"><span class="sr-only">第2栏</span></li>
                   </ol>
                   <!-- Wrapper for slides -->
                   <div class="carousel-inner">
                       <div class="item active" role="tabpanel" aria-expanded="true" id="ac2_crsl_item1">
                           <div class="row">
                               <div class="col-xs-6 catgry2-item">
                                   <h2>家居日用+</h2>
                                   <div class="catgry2-item-inner">
                                       <div class="recommend-goods">
                                           <a href="goodsdetail.html">
                                               <img src="images/example3.jpg" alt="什么东西" />
                                               <div class="goods-name">
                                                   <span>商品名称文字文字</span>
                                               </div>
                                           </a>
                                       </div>
                                       <div class="catgry2-detail-set">
                                           <div class="catgry2-detail"><div><a href="theme.html">品类1</a></div></div>
                                           <div class="catgry2-detail"><div><a href="#">品类二</a></div></div>
                                           <div class="catgry2-detail"><div><a href="#">品类三</a></div></div>
                                       </div>
                                   </div>
                               </div><!--一个分类 end-->

                               <div class="col-xs-6 catgry2-item">
                                   <h2>家居饰品+</h2>
                                   <div class="catgry2-item-inner">
                                       <div class="recommend-goods">
                                           <a href="#">
                                               <img src="images/example3.jpg" alt="什么东西" />
                                               <div class="goods-name">
                                                   <span>竹木调味罐套装</span>
                                               </div>
                                           </a>
                                       </div>
                                       <div class="catgry2-detail-set">
                                           <div class="catgry2-detail"><div><a href="#">照片墙</a></div></div>
                                           <div class="catgry2-detail"><div><a href="#">装饰画</a></div></div>
                                           <div class="catgry2-detail"><div><a href="#">挂 钟</a></div></div>
                                       </div>
                                   </div>
                               </div><!--一个分类 end-->
                           </div>
                           <div class="row carosl-fix">
                               <div class="col-xs-6 catgry2-item">
                                   <h2>家纺精品+</h2>
                                   <div class="catgry2-item-inner">
                                       <div class="recommend-goods">
                                           <a href="#">
                                               <img src="images/example3.jpg" alt="什么东西" />
                                               <div class="goods-name">
                                                   <span>商品名称文字文字</span>
                                               </div>
                                           </a>
                                       </div>
                                       <div class="catgry2-detail-set">
                                           <div class="catgry2-detail"><div><a href="#">四件套</a></div></div>
                                           <div class="catgry2-detail"><div><a href="#">靠 枕</a></div></div>
                                           <div class="catgry2-detail"><div><a href="#">地 毯</a></div></div>
                                       </div>
                                   </div>
                               </div><!--一个分类 end-->
                               <div class="col-xs-6 catgry2-item">
                                   <h2>家具电器+</h2>
                                   <div class="catgry2-item-inner">
                                       <div class="recommend-goods">
                                           <a href="#">
                                               <img src="images/example3.jpg" alt="什么东西" />
                                               <div class="goods-name">
                                                   <span>商品名称文字文字</span>
                                               </div>
                                           </a>
                                       </div>
                                       <div class="catgry2-detail-set">
                                           <div class="catgry2-detail"><div><a href="#">品类1</a></div></div>
                                           <div class="catgry2-detail"><div><a href="#">品类二</a></div></div>
                                           <div class="catgry2-detail"><div><a href="#">品类三</a></div></div>
                                       </div>
                                   </div>
                               </div><!--一个分类 end-->
                           </div>
                       </div>
                       <!--第二页-->
                       <div class="item" role="tabpanel" aria-expanded="false" id="ac2_crsl_item2">
                           <div class="row">
                               <div class="col-xs-6 catgry2-item">
                                   <h2>分类类名+</h2>
                                   <div class="catgry2-item-inner">
                                       <div class="recommend-goods">
                                           <a href="#">
                                               <img src="images/example3.jpg" alt="什么东西" />
                                               <div class="goods-name">
                                                   <span>商品名称文字文字</span>
                                               </div>
                                           </a>
                                       </div>
                                       <div class="catgry2-detail-set">
                                           <div class="catgry2-detail"><div><a href="#">品类1</a></div></div>
                                           <div class="catgry2-detail"><div><a href="#">品类二</a></div></div>
                                           <div class="catgry2-detail"><div><a href="#">品类三</a></div></div>
                                       </div>
                                   </div>
                               </div><!--一个分类 end-->

                               <div class="col-xs-6 catgry2-item">
                                   <h2>分类类名+</h2>
                                   <div class="catgry2-item-inner">
                                       <div class="recommend-goods">
                                           <a href="#">
                                               <img src="images/example3.jpg" alt="什么东西" />
                                               <div class="goods-name">
                                                   <span>竹木调味罐套装</span>
                                               </div>
                                           </a>
                                       </div>
                                       <div class="catgry2-detail-set">
                                           <div class="catgry2-detail"><div><a href="#">照片墙</a></div></div>
                                           <div class="catgry2-detail"><div><a href="#">装饰画</a></div></div>
                                           <div class="catgry2-detail"><div><a href="#">挂 钟</a></div></div>
                                       </div>
                                   </div>
                               </div><!--一个分类 end-->
                           </div>
                           <div class="row carosl-fix">
                               <div class="col-xs-6 catgry2-item">
                                   <h2>分类类名+</h2>
                                   <div class="catgry2-item-inner">
                                       <div class="recommend-goods">
                                           <a href="#">
                                               <img src="images/example3.jpg" alt="什么东西" />
                                               <div class="goods-name">
                                                   <span>商品名称文字文字</span>
                                               </div>
                                           </a>
                                       </div>
                                       <div class="catgry2-detail-set">
                                           <div class="catgry2-detail"><div><a href="#">四件套</a></div></div>
                                           <div class="catgry2-detail"><div><a href="#">靠 枕</a></div></div>
                                           <div class="catgry2-detail"><div><a href="#">地 毯</a></div></div>
                                       </div>
                                   </div>
                               </div><!--一个分类 end-->
                               <div class="col-xs-6 catgry2-item">
                                   <h2>分类类名+</h2>
                                   <div class="catgry2-item-inner">
                                       <div class="recommend-goods">
                                           <a href="#">
                                               <img src="images/example3.jpg" alt="什么东西" />
                                               <div class="goods-name">
                                                   <span>商品名称文字文字</span>
                                               </div>
                                           </a>
                                       </div>
                                       <div class="catgry2-detail-set">
                                           <div class="catgry2-detail"><div><a href="#">品类1</a></div></div>
                                           <div class="catgry2-detail"><div><a href="#">品类二</a></div></div>
                                           <div class="catgry2-detail"><div><a href="#">品类三</a></div></div>
                                       </div>
                                   </div>
                               </div><!--一个分类 end-->
                           </div>
                       </div>

                   </div><!--.carousel-inner end-->

               </div>
               
           </article>
           <article class="acticle act-catgry3">
               <div id="act_catgry3" class="carousel slide" data-role="carousel" data-infinite=false>
                   <!-- Indicators -->
                   <ol class="carousel-indicators crsl-indic-fix" role="tablist">
                       <li data-target="#act_catgry3" data-slide-to="0" class="active" role="tab" aria-controls="ac3_crsl_item1"><span class="sr-only">第1栏</span></li>
                       <li data-target="#act_catgry3" data-slide-to="1" role="tab" aria-controls="ac3_crsl_item2"><span class="sr-only">第2栏</span></li>
                   </ol>
                   <!-- Wrapper for slides -->
                   <div class="carousel-inner">
                       <div class="item active" role="tabpanel" aria-expanded="true" id="ac3_crsl_item1">
                           <div class="row">
                               <div class="col-xs-6 catgry3-item">
                                   <div class="catgry3-item-inner">
                                       <a href="#">
                                           <dl class="catgry3-item-topic">
                                               <dt>客厅主题</dt>
                                               <dd>六个字副标题</dd>
                                           </dl>
                                           <div class="catgry3-item-pic">
                                               <img src="images/example3.jpg" />
                                           </div>
                                       </a>
                                   </div>
                               </div><!--一个分类 end-->
                               <div class="col-xs-6 catgry3-item">
                                   <div class="catgry3-item-inner">
                                       <a href="#">
                                           <dl class="catgry3-item-topic">
                                               <dt>神马主题</dt>
                                               <dd>六个字副标题</dd>
                                           </dl>
                                           <div class="catgry3-item-pic">
                                               <img src="images/example3.jpg" />
                                           </div>
                                       </a>
                                   </div>
                               </div><!--一个分类 end-->
                           </div><!--row-->
                           <div class="row carosl-fix">
                               <div class="col-xs-6 catgry3-item">
                                   <div class="catgry3-item-inner">
                                       <a href="#">
                                           <dl class="catgry3-item-topic">
                                               <dt>神马主题</dt>
                                               <dd>六个字副标题</dd>
                                           </dl>
                                           <div class="catgry3-item-pic">
                                               <img src="images/example3.jpg" />
                                           </div>
                                       </a>
                                   </div>
                               </div><!--一个分类 end-->
                               <div class="col-xs-6 catgry3-item">
                                   <div class="catgry3-item-inner">
                                       <a href="#">
                                           <dl class="catgry3-item-topic">
                                               <dt>神马主题</dt>
                                               <dd>六个字副标题</dd>
                                           </dl>
                                           <div class="catgry3-item-pic">
                                               <img src="images/example3.jpg" />
                                           </div>
                                       </a>
                                   </div>
                               </div><!--一个分类 end-->
                           </div><!--row-->
                       </div>
                       <div class="item" role="tabpanel" aria-expanded="false" id="ac3_crsl_item2">
                           <div class="row">
                               <div class="col-xs-6 catgry3-item">
                                   <div class="catgry3-item-inner">
                                       <a href="#">
                                           <dl class="catgry3-item-topic">
                                               <dt>客厅主题</dt>
                                               <dd>六个字副标题</dd>
                                           </dl>
                                           <div class="catgry3-item-pic">
                                               <img src="images/example3.jpg" />
                                           </div>
                                       </a>
                                   </div>
                               </div><!--一个分类 end-->
                               <div class="col-xs-6 catgry3-item">
                                   <div class="catgry3-item-inner">
                                       <a href="#">
                                           <dl class="catgry3-item-topic">
                                               <dt>神马主题</dt>
                                               <dd>六个字副标题</dd>
                                           </dl>
                                           <div class="catgry3-item-pic">
                                               <img src="images/example3.jpg" />
                                           </div>
                                       </a>
                                   </div>
                               </div><!--一个分类 end-->
                           </div><!--row-->
                           <div class="row carosl-fix">
                               <div class="col-xs-6 catgry3-item">
                                   <div class="catgry3-item-inner">
                                       <a href="#">
                                           <dl class="catgry3-item-topic">
                                               <dt>神马主题</dt>
                                               <dd>六个字副标题</dd>
                                           </dl>
                                           <div class="catgry3-item-pic">
                                               <img src="images/example3.jpg" />
                                           </div>
                                       </a>
                                   </div>
                               </div><!--一个分类 end-->
                               <div class="col-xs-6 catgry3-item">
                                   <div class="catgry3-item-inner">
                                       <a href="#">
                                           <dl class="catgry3-item-topic">
                                               <dt>神马主题</dt>
                                               <dd>六个字副标题</dd>
                                           </dl>
                                           <div class="catgry3-item-pic">
                                               <img src="images/example3.jpg" />
                                           </div>
                                       </a>
                                   </div>
                               </div><!--一个分类 end-->
                           </div><!--row-->
                       </div>

                   </div><!--.carousel-inner end-->

               </div>
                
           </article> 
           <article class="acticle act-stores">
               <header>
                   <h2><span>家居体验馆</span><!--<a href="dirchoose.html">广州</a><a class="icon icon-expand-down"></a>--></h2>
                   
               </header>
               <div class="stores-item-set">
                   <address class="stores-item">
                       <a href="storedetail.html">
                           <span class="stores-name">顺德容桂店</span>
                           <span class="stores-inCity">佛山市顺德区容桂桂洲大道中路42号</span>
                           <span class="stores-addr">0757-29292636</span>
                           <span class="icon icon-expand-rig"></span>
                       </a>
                   </address>
                   <address class="stores-item">
                       <a href="storedetail.html">
                           <span class="stores-name">高大上旗舰店</span>
                           <span class="stores-inCity">广州</span>
                           <span class="stores-addr">广州大道北1098号</span>
                           <span class="icon icon-expand-rig"></span>
                       </a>
                   </address>
                   <address class="stores-item">
                       <a href="storedetail.html">
                           <span class="stores-name">一间旗舰店</span>
                           <span class="stores-inCity">广州</span>
                           <span class="stores-addr">广州大道北9999号</span>
                           <span class="icon icon-expand-rig"></span>
                       </a>
                   </address>

               </div>
           </article>
           
           
        </main>
        <!--爱尚生活-->
       <div class="row act-ad-cont"><img src="images/ad.jpg" alt=""/></div>

       <!--页尾-->
       <footer class="row footer">
           <nav class="footer-nav">
               <div class="pull-left" style="width:160px; display:inline-block;">
                   <a href="usrpage.html" class="nav-item left-icon"><span class="icon icon-people icon-s18"></span>登录</a>
                   <a class="nav-item"><span class="icon icon-vertline"></span></a>
                   <a href="signup.html" class="nav-item left-icon"><span class="icon icon-locker icon-s18"></span>注册</a>
               </div>
               <div class="pull-right">
                   <a class="nav-item" href="feedback.html">反馈</a>
                   <a class="nav-item divider"><span class="icon icon-vertline"></span></a>
                   <a class="nav-item" href="#header">TOP<span class="icon-beak"></span></a>
               </div>
           </nav>
           <nav class="footer-nav2">
               <div class="platform-select">
                   <div class="text-center">
                       <a class="nav-item left-icon" href="#"><span class="icon icon-phone icon-s18"></span>手机版</a>
                       <a class="nav-item left-icon" href="#"><span class="icon icon-computer icon-s18"></span>电脑版</a>
                       <a class="nav-item left-icon"><span class="icon icon-phone2 icon-s18"></span>下载客户端</a>
                   </div>
                   <div class="text-center footer-copyright">
                       <span>Copyright © 20013-2014  QQT100.COM</span><br />
                       <span>客服电话：4000-139-020</span>
                   </div>
               </div>
           </nav>
       </footer>

   </div><!--page-->
    <div class="bgFilter filterHide" role="widget"></div>
    <nav class="qqtPlus" role="menubar">
        <div class="icon4 icon4-qqt" role="button"><span class="sr-only">功能键打开</span></div>
        <ul class="plusCircle" role="menu">
            <li class="circleBtn circleLeft"><a href="#" title="搜索"></a></li>
            <li class="circleBtn circleRig"><a href="#" title="购物车"></a></li>
            <li class="circleBtn circleTop"><a href="#" title="个人中心"></a></li>
            <li class="circleBtn circleBot"><a href="#" title="商品类目"></a></li>
            <li class="circleMid"><a href="#"></a></li>
        </ul>
    </nav>
    <!--theScript-->
    <script src="lib/js/zepto.min.js"></script>
    <script src="js/script.js"></script>
</body>
</html>
